<template>
  <div class="footer_Box">
    <div class="container">
      <div class="footer_1">
        <a href="/" class="first">首页</a>
        <a href="">关于我们</a>
        <a href="">教程中心</a>
        <a href="">培训课程</a>
        <a href="">网站地图</a>
        <a href="">加入我们</a>
        <a href="">联系我们</a>
      </div>
      <div class="footer_2">
        <p>
          <a
            class="icon"
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010602000717"
          >
            <img
              src="../assets/toolimg/footer-icon4@2x.png"
              alt=""
            />"浙公网安备33010602000717"
          </a>
          <span>Copyright ©</span>
          <span>2021杭州多技教育科技有限公司</span>
          <span>浙ICP备11056181号-4</span>
        </p>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
.footer_Box {
  width: 100%;
  height: 120px;
  background-size: 100% 100%;
  background-image: url("../assets/toolimg/hd-footerbg.jpg");
  background-repeat: no-repeat;
  text-align: center;
}
.container {
    padding-top: 40px;
}
.footer_1 {
}
.footer_1 a {
  text-decoration: none;
  font-size: 12px;
  margin-right: 20px;
  padding-left: 20px;
  color: #e2e2e2;
  border-left: rgb(228, 228, 228) 1px solid;
}
.footer_2 {
    color:#87959f;;
     font-size: 12px;
}
.icon {
  color:#87959f;;
  text-decoration: none;
  font-size: 12px;
}
.icon img {
  width: 16px;
  height: 16px;
}
.first{
  border-left: none !important;
}

</style>